<template>
  <a-extract-style>
    <a-config-provider
      :theme="{
        token: {
          colorPrimary: '#3aa01a',
          fontFamily: 'PingFang SC, Helvetica Neue, Arial, sans-serif',
        },
      }"
    >
      <NuxtLayout>
        <NuxtPage></NuxtPage>
      </NuxtLayout>
    </a-config-provider>
  </a-extract-style>
</template>

<script setup>
import * as AntIconsVue from "@ant-design/icons-vue";

// 注册图标
const nuxtApp = useNuxtApp();
for (const [key, component] of Object.entries(AntIconsVue)) {
  nuxtApp.vueApp.component(key, component);
}
</script>

<style>
* {
  margin: 0;
  padding: 0;
}
.page-enter-active,
.page-leave-active {
  transition: all 0.4s;
}
.page-enter-from,
.page-leave-to {
  opacity: 0;
  filter: blur(1rem);
}
</style>
